<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Map"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SignUp | Powered by MetaCUBE Granth</title>
<link rel="stylesheet" type="text/css" href="style1.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/validate.js"></script>
<script type="text/javascript">
	ddaccordion.init({
		headerclass : "submenuheader", 
		contentclass : "submenu", 
		revealtype : "click", 
		mouseoverdelay : 200, 
		collapseprev : true,  
		defaultexpanded : [], 
		onemustopen : false, 
		animatedefault : false, 
		persiststate : true, 
		toggleclass : [ "", "" ], 
		togglehtml : [ "suffix",
				"<img src='images/plus.gif' class='statusicon' />",
				"<img src='images/minus.gif' class='statusicon' />" ], 
		animatespeed : "fast", 
		oninit : function(headers, expandedindices) { 
		},
		onopenclose : function(header, index, state, isuseractivated) { 
		}
	})
</script>

<script type="text/javascript" src="js/jconfirmaction.jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.ask').jConfirmAction();
	});
</script>
<script language="javascript" type="text/javascript" src="js/registration.js"></script>
<script language="javascript" type="text/javascript" src="js/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="niceforms-default.css" />

</head>
<body>
	<div id="main_container">

		<div class="header_login">
			<div class="logo">
				<a href="index.jsp"><img src="images/logo.png" alt="" title=""
					border="0" /> </a>
			</div>

		</div>


		<div class="signup_form">

			<h3>SignUp Here</h3>

			<a href="index.jsp" class="forgot_pass">Existing User?&nbsp; Sign
				In</a>
			<form action="signup.do" method="post" class="niceform" onsubmit="return checkForEmpty()" >

				<fieldset>
					<dl>
						<dt>
							<label for="email">*Username:</label>
						</dt>
						<dd>
							<input type="text" name="username" id="username" size="54" placeholder="Ex : abcd@domainname.com"/>
						</dd>
					</dl>
					<table>
						<tr>
						<td align="center"><span id="errorspan1"  style="color: red"></span></td></tr>
					</table>
					<%
						Map<String, String> errorMap = new HashMap<String, String>();
						if (request.getAttribute("errorHashMap") != null) {
							errorMap = (HashMap<String, String>) request
									.getAttribute("errorHashMap");
						}
					%>
					<%
						if (errorMap.containsKey("username")) {
					%>
					<table width="100%" align="center">
						<tr>
							<td align="left" style="padding-left: 180px"><label class="error"> <%=errorMap.get("username")%>
							</label>
							</td>
						</tr>
					</table>


					<%
						}
					%>


					<dl>
						<dt>
							<label for="name">*Name:</label>
						</dt>
						<dd>
							<input type="text" name="name" id="name" size="54" />
						</dd>
					</dl>
					<table>
						<tr>
						<td align="center"><span id="errorspan4"  style="color: red"></span></td></tr>
					</table>
					<%
						if (errorMap.containsKey("name")) {
					%><table width="100%" align="center">
						<tr>
							<td align="left" style="padding-left: 180px"><label class="error"> <%=errorMap.get("name")%>
							</label>
							</td>
						</tr>
					</table>
					<%
						}
					%>


					<dl>
						<dt>
							<label for="age">*Age:</label>
						</dt>
						<dd>
							<input type="text" name="age" id="age" size="54" />
						</dd>
					</dl>
					<table>
						<tr>
						<td align="center"><span id="errorspan5"  style="color: red"></span></td></tr>
					</table>

					<%
						if (errorMap.containsKey("age")) {
					%><table width="100%" align="center">
						<tr>
							<td align="left" style="padding-left: 180px"><label class="error"> <%=errorMap.get("age")%>
							</label>
							</td>
						</tr>
					</table>

					<%
						}
					%>


					<dl>
						<dt>
							<label for="password">*Password:</label>
						</dt>
						<dd>
							<input type="password" name="password" id="password" size="54" />
						</dd>
					</dl>
					<table>
						<tr>
						<td align="center"><span id="errorspan2"  style="color: red"></span></td></tr>
					</table>

					<%
						if (errorMap.containsKey("password")) {
					%><table width="100%" align="center">
						<tr>
							<td align="left" style="padding-left: 180px"><label class="error"> <%=errorMap.get("password")%>
							</label>
							</td>
						</tr>
					</table>


					<%
						}
					%>





					<dl>
						<dt>
							<label for="password">* Confirm Password:</label>
						</dt>
						<dd>
							<input type="password" name="conPassword" id="conPassword"
								size="54" />
						</dd>
					</dl>
					<table>
						<tr>
						<td align="center"><span id="errorspan3"  style="color: red"></span></td></tr>
					</table>

					<%
						if (errorMap.containsKey("confirmPassword")) {
					%><table width="100%" align="center">
						<tr>
							<td align="left" style="padding-left: 180px"><label class="error"> <%=errorMap.get("confirmPassword")%>
							</label>
							</td>
						</tr>
					</table>
					<%
						}
					%>
					<dl class="submit">
						<input type="submit" name="submit" id="submit" value="Sign Up" />
					</dl>

				</fieldset>

			</form>
		</div>



		<div class="footer_login">

			<div class="left_footer_login">
				METACUBEGRANTH | Powered by <a href="http://www.metacube.com/">METACUBE</a>
			</div>
			<div class="right_footer_login">
				<a href="index.jsp"><img src="images/footer_logo.png" alt="" title=""
					border="0" /> </a>
			</div>
		</div>

	</div>

</body>
</html>